/* pages/customer/customer.wxss */
@import "../../../commin/commin.less";
page{
    background-color: #F5F7FA;
    padding-bottom: 120rpx;
}
.customer{
    .customer-list{
        color:@text-color1;
        .borderradius(16rpx,10rpx,16rpx,16rpx);
        .borders(2rpx,@white-color);
        .margins(12rpx,24rpx,27rpx,15rpx);
        background: linear-gradient(0deg, #FFFFFF, #F4F6F8);
        box-shadow: 4px 7px 20px 0px rgba(166, 171, 179, 0.24);
        p{
            .fontsize(34rpx);
            color: @text-color3;
            .paddings(39rpx,34rpx,23rpx,34rpx);
            display: block;
            border-bottom: 1rpx solid #DCDFE6;
        }
        .list-in{
            .kuan(@percent);
            .paddings(32rpx,0rpx,40rpx,0rpx);
            .grids(25%;25%;25%;25%);
            image{
                .kuangao(102rpx,100rpx);
                .textalign();
            }
            view{
                .textalign();
                .fontsize(26rpx);
                color: @text-color3;

            }
        }

    }
    .help{
        color:@text-color1;
        .help-wai{
            .help-text{
                .fontsize(34rpx);
                color: @text-color3;
                .paddings(39rpx,34rpx,23rpx,34rpx);
                display: block;

            }
            .help-in{
                .borderradius(16rpx,10rpx,16rpx,16rpx);
                .borders(2rpx,@white-color);
                .margins(12rpx,24rpx,27rpx,15rpx);
                .paddings(34rpx,40rpx,34rpx,40rpx);
                background: linear-gradient(0deg, #FFFFFF, #F4F6F8);
                box-shadow: 4px 7px 20px 0px rgba(166, 171, 179, 0.24);
                .select-wrap{
                    .textalign();
                    .select{
                        .kuangao(30rpx,22rpx);
                    }
                }
                .help-title{
                    color: @blue;
                    .fontsize(30rpx);
                    .margins(0rpx,0rpx,20rpx,0rpx);
                }
                .help-list{
                    overflow: hidden;
                    background: linear-gradient(0deg, #FFFFFF, #F4F6F8);
                    .list-hang{
                        .grids(8%;86%;6%);
                        .lineheight(80rpx);
                        .fontsize(28rpx);
                        color: @text-color1;
                        text-align: left;
                        image{
                            &:first-child{
                                .kuangao(43rpx,43rpx);
                                .margins(20rpx,0rpx,0rpx,0rpx);
                            };
                            &:last-child{
                                .kuangao(16rpx,27rpx);
                                .margins(30rpx,0rpx,0rpx,0rpx);
                            }
                        }
                        .yichu{
                            .yiman(1);
                            margin-right: 10rpx;
                        }
                    }
                }
                .zhankai{
                    image{
                        .kuangao(30rpx,20rpx);
                        .margins(0rpx,auto,0rpx,auto);
                        .cursor();
                        display: block;
                    }
                }
                .isopen{
                    display: none;
                }
                .isShow{
                    display: block;
                }

            }
        }

    }
    .feed-btn{
        .kuangao(100%,120rpx);
        background: linear-gradient(0deg, #FFFFFF, #F4F6F8);
        border: 2rpx solid rgba(255, 255, 255, 0.55);
        box-shadow: 0rpx -25rpx 67rpx 0rpx rgba(177, 182, 190, 0.2);
        .position(fixed,auto,0,0,0);
        display: flex;
        justify-content: center;
        align-items: center;
        .myFeedBack,.mobile{
            .kuangao(300rpx,88rpx);
            border-radius: 44rpx;
            line-height: 88rpx;
            .textalign();
            font-size: 30rpx;
            font-family: PingFang SC;
            font-weight: bold;
            color: @white-color;
        }
        .myFeedBack{
            background: var(--btnColor);
            box-shadow: 0rpx 3rpx 6rpx 0rpx rgba(0, 110, 212, 0.3);
        }
        .mobile{
            background:  var(--btnColor);
            box-shadow: 0rpx 3rpx 6rpx 0rpx rgba(220, 94, 57, 0.3);
            margin-left: 30rpx;
        }
    }
}
.call{
    .textalign();
    .margins(20rpx,auto,20rpx,auto);
    font-size: 35rpx;
    font-family: PingFang SC;
    font-weight: bold;
}

.info{
    .fontsize(30rpx);
    .lineheight(70rpx);
  font-family: PingFang SC;
  color: @text-color1;
  display: block;
  font-size: 30rpx;
  .infoTitle{
    display: inline-block;
    width: 5em;
    text-align: right;
  }
  .infoValue{
    color: @blue;
  }
  }
.customerBtn{
    display: flex;
    padding-top: 90rpx;
    padding-bottom: 10rpx;
    justify-content: space-between;
    .btn1{
      .kuangao(220rpx,88rpx);
      .lineheight(88rpx);
      .borders(2rpx,@text-color4);
      border-radius: 44rpx;
      text-align: center;
      .fontsize(30rpx);
  font-family: PingFang SC;
  font-weight: bold;
  color: @text-color4;
    }
    .btn2{
      .kuangao(220rpx,88rpx);
      .lineheight(88rpx);
      background: linear-gradient(105deg, #2B99FF, #1B8CF5);
  box-shadow: 0rpx 3rpx 6rpx 0rpx rgba(0, 110, 212, 0.3);
      border-radius: 44rpx;
      text-align: center;
      .fontsize(30rpx);
  font-family: PingFang SC;
  font-weight: bold;
  color: @white-color;
    }
}
